<template>
  <div class="box">
    <div class="userdata">
      <v-alchemyNav></v-alchemyNav>
      <div class="rightbox">
        <ul>
          <li><p>当前账号:</p>
            <input type="text" v-model="phone" readonly>
          </li>
          <!--<li><p>性别:</p>
            <input type="text" value="男">
          </li>-->
          <li><p>姓名:</p>
            <input type="text" v-model="name" readonly>
          </li>
          <!-- <li><p>年龄:</p>
            <input type="text" placeholder="请输入年龄">
          </li> -->
        </ul>
      </div>
    </div>
  </div>
</template>

<script>
  import alchemyNav from "../alchemy_nav.vue";

  export default {
    data(){
      return{
        phone:u.getStore('user').userid || '13812813888',
        name:u.getStore('user').name || '未登录',
      }
    },
    name: 'userdata',
    components: {
      "v-alchemyNav": alchemyNav
    },
    mounted() {
      this.$parent.flag1 = false;
      this.$parent.flag2 = true;
    },

  }
</script>

<style lang="less" scoped>

  .box {
    padding: 20px 0;
    width: 100%;
    min-width: 1200px;
    min-height: 968px;
    background-image: url("../../../static/image/danbg2.png");
    background-size: 100% 100%;
  }

  .userdata {
    margin: 0 auto;
    max-width: 1290px;
    display: flex;
    justify-content: space-between;
    .leftbox {

    }
    .rightbox {
      padding: 53px 26px;
      display: inline-block;
      width: 80%;
      height: 957px;
      background: url(../../../static/image/assetsbg2.png) no-repeat;
      background-size: 100% 100%;
      ul {
        text-shadow: 2px 3px 2px #000000;
        li {
          padding-left: 25px;
          display: flex;
          align-items: center;
          width: 100%;
          height: 65px;
          background: url(../../../static/image/z_5.png) no-repeat;
          font-size: 24px;
          color: #ffffff;
          margin-bottom: 30px;
          p {
            width: 120px;
          }
          input {
            background-color: transparent;
            margin-left: 80px;
            text-shadow: 2px 3px 2px #000000;
          }
        }
        & > li:last-child {
          height: 76px;
          background: url(../../../static/image/z_9.png) no-repeat;
          input {
            text-shadow: 0 0 0 #000;
          }
        }
      }
    }
  }
</style>
